import React from 'react';
import ChromeSlot from '@akinon/pz-theme/src/chrome/chrome-slot';
import { PLACEHOLDER_SLUGS } from '@akinon/pz-theme/src/chrome/placeholder-slugs';
import { LiveOrderSuccessPageContext } from '@akinon/pz-theme/src/chrome/live-order-page-context';

/**
 * The order-success body is composable and binds the shopper's own order.
 * There is no server order fetcher, so the context comes from the client
 * provider — which also keeps the order out of any cached shell.
 */
export default async function Layout({
  children,
  params
}: {
  children: React.ReactNode;
  params: Promise<{ token: string }>;
}) {
  const { token } = await params;

  return (
    <div>
      <LiveOrderSuccessPageContext token={token}>
        <ChromeSlot slug={PLACEHOLDER_SLUGS.orderSuccess} fallback={children} />
      </LiveOrderSuccessPageContext>
    </div>
  );
}